import { init } from  'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'
// 1、导出模块
import { styleModule } from 'snabbdom/build/package/modules/style'
import { eventListenersModule } from 'snabbdom/build/package/modules/eventlisteners'

// 2、 init注册模块
const patch = init([
    styleModule,
    eventListenersModule
])
// 3、使用h函数的第二参数传入模块中使用的数据（对象）
let vnode = h('div', [
    h('h1', {style: {backgroundColor: 'red'}}, 'Hello World'),
    h('p', {on: {click : eventHandler}}, 'Hello')
])

function eventHandler() {
    console.log('别点击了， 我很疼')
}
let app = document.querySelector('#app')
patch(app, vnode)